var $table = $("#area_table");
$(function(){



    $table.bootstrapTable({
        url : "/company/page",
        sidePagination : 'server',
        cache : false,// 设置False禁用AJAX请求的缓存
        height : '',
        striped : true,// 使表格带有条纹
        pagination : true,// 设置True在表格底部显示分页工具栏
        pageList : [ 10, 15, 20, 30, 50, 100 ],
        search : false,
        queryParams : queryParams,
        responseHandler: function (res) {
            return {
                "total": res.total,//总页数
                "rows": res.list   //数据
            };
        },
        showColumns : false,// 设置为True可显示表格显示/隐藏列表
        showRefresh : false,// 设置为True可显示刷新按钮
        minimumCountColumns : 1,// 表格显示/隐藏列表时可设置最小隐藏的列数
        clickToSelect : false,// 设置为True时点击行即可选中单选/复选框
        toolbar : '#custom-toolbar',
        columns : [

            {field : 'name',title : '客户名称',align : 'center',width : 40,valign : 'middle'},
            {field : 'contact',title : '联系人',align : 'center',width : 20,valign : 'middle'},
            {field : 'phone',title : '联系方式',align : 'center',width : 20,valign : 'middle'},
            {field : 'address',title : '地址',align : 'center',width : 80,valign : 'middle',
                formatter : function(value,row) {
                    return   row.province+row.city+row.district+value;
                }
            },
            {field : 'id',title : '操作',align : 'center',width : 80,valign : 'middle',
                formatter : function(value,row) {
                    return  "<a href='#addAccount' data-toggle='modal' class=\"btn btn-success btn-xs\" onclick=\"addAccount('"+value+"')\"><i class=\"fa fa-pencil\"></i> 加账户</a>"+
                        "<a href='#addArea' data-toggle='modal' class=\"btn btn-info btn-xs\" onclick=\"edit('"+value+"','"+row.name+"','"+row.contact+"','"+row.phone+"','"+row.province+"','"+row.city+"','"+row.district+"','"+row.address+"')\"><i class=\"fa fa-pencil\"></i> 修改</a>"+
                        "<a href='javascript:void(0)' class=\"btn btn-danger btn-xs\" onclick=\"del('"+value+"')\"><i class=\"fa fa-trash-o\"></i> 删除</a>";
                }
            }
        ]
    });

    $("#btn_search").click(function(){
        $table.bootstrapTable('refreshOptions', {
            url: '/company/page',
            pageNumber:1
        });
    });

    $("#btn-area-save").on('click',function(){
        if(!$('#area_form').isValid()){
            return false;
        }
        $.ajax({
            url:'/company/save',
            data:$("#area_form").serialize(),
            type:"POST",
            async : false,
            success:function(data){//ajax返回的数据
                if(data){
                    $('#addArea').modal('hide');
                    $table.bootstrapTable('refresh', {
                        url: '/company/page',
                        pageNumber:1
                    });
                    success();
                }else{
                    error();
                }
            }
        });
    });

    $("#btn-account-save").on('click',function(){
        if(!$('#account_form').isValid()){
            return false;
        }
        $.ajax({
            url:'/user/save',
            data:$("#account_form").serialize(),
            type:"POST",
            async : false,
            success:function(data){//ajax返回的数据
                if(data){
                    $('#addAccount').modal('hide');
                    $table.bootstrapTable('refresh', {
                        url: '/company/page',
                        pageNumber:1
                    });
                    success();
                }else{
                    error();
                }
            }
        });
    });
});

function queryParams(params) {
    var name = $('#search_name').val();
    var queryParam = {
        name : name,
        pageSize : params.limit,
        pageNumber : params.offset
    };
    return queryParam;
}


/*
 *标准删除按钮
 */
function del(id){
    warnConfirm("确定删除这个客户吗？",function (result) {
        if(result){
            $.ajax({
                type:'POST',
                url: '/company/delete/'+id,
                success: function(data){
                    if(data==1){
                        $table.bootstrapTable('refresh', {
                            url: '/company/page',
                            pageNumber:1
                        });
                        success();
                    }else{
                        error("删除失败！");
                    }
                }
            });
        }
    });

}

function edit(id,name,contact,phone,province,city,district,address) {
    $("#id4add").val(id);
    $("#name4add").val(name);
    $("#contact4add").val(contact);
    $("#phone4add").val(phone);
    $("#distpicker4add").distpicker('destroy');
    $("#distpicker4add").distpicker({
        province: province,
        city: city,
        district: district
    });
    // $("#province4add").val(province);
    // $("#city4add").val(city);
    // $("#distpicker4add").val(district);
    $("#address4add").val(address);
}


function clearAddModal() {
    $("#id4add").val("");
    $("#name4add").val("");
    $("#contact4add").val("");
    $("#phone4add").val("");
    $("#distpicker4add").distpicker('destroy');
    $('#distpicker4add').distpicker({
        autoSelect: false
    });
    // $("#province4add").val("");
    // $("#city4add").val("");
    // $("#distpicker4add").val("");
    $("#address4add").val("");
}

function addAccount(id) {
    $("#id4account").val(id);
}